.userList {
  padding: 0 24rpx 30rpx;
  .item {
    margin-bottom: 24rpx;
    border-radius: 20rpx;
    padding: 32rpx 24rpx 24rpx;  
    background-color: #fff;

    .avatar {
      width: 92rpx;
      height: 92rpx;
      border-radius: 50%;
    }

    .phone {
      font-size: 24rpx;
      margin-left: 24rpx;
    }

    .sketch {
      display: flex;
      padding: 20rpx 0;
      margin-top: 20rpx;
      border-radius: 14rpx;
      background-color: #F1F1F1;

      &-item {
        width: 25%;
        font-size: 26rpx;
        text-align: center;
        position: relative;
      }

      &-item-divider::after {
        content: '|';
        position: absolute;
        right: 0;
        top: 50%;
        color: #eee;
        transform: translateY(-50%);
      }
    }
  }
}